<template>
   <Tabs></Tabs>
   <!-- <div style="height: 100%;background-color: pink;">
        
   </div> -->
    <el-main>
      <router-view></router-view>
    </el-main>
  <Footer></Footer>
</template>

<script setup>
import Tabs from "../tabs/index.vue";
import Footer from "../footer/index.vue";
</script>

<style lang="scss" scoped>
.el-main {
	box-sizing: border-box;
	padding: 10px  5px;
  display: block;
	overflow-x: hidden;
  height: 100%;
	background-color: #f0f2f5;
	&::-webkit-scrollbar {
		background-color: #f0f2f5;
	}
}
.el-footer {
	height: auto;
	padding: 0;
}

</style>